<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <script src="https://cdn.staticfile.org/echarts/4.3.0/echarts.min.js"></script>

</head>
<body>
    <div id="box" style="widows: 80px; height:800px"></div>

    <script>
        let mychart = echarts.init(document.getElementById('box'));

        let option={
            title:{
                text: 'echarts实现话费+流量效果'
            },
            tooltip:{},
            legend:{
                data: ['展现','点击','访问','咨询','订单']
            },
            // xAxis:{
                // data: ['销量']
            //     data: ['短裤','毛衣','大衣','长袖','卫衣','衬衫','短袖']
            // },
            // yAxis:{},
            series:[{
                // name: '销量',
                // type: 'bar',
                // data: [5,2,5,8,13,16,23],
                // name:'漏斗图',
                type:'funnel',
                eap:3,
                sort:'inside',
                label:{
                    normal:{
                        position:'inside',
                    }
                },
                data: [
                    {value:60,name:'展现'},
                    {value:60,name:'点击'},
                    {value:60,name:'访问'},
                    {value:60,name:'咨询'},
                    {value:60,name:'订单'},
                ]
            }]

        };
    
        mychart.setOption(option);
    </script>
</body>
</html>